<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<title>数据隐藏</title>
		<meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport' />
		<link rel="icon" href="../assets/img/icon.ico" type="image/x-icon" />
		<!-- Fonts and icons -->
		<script src="../assets/js/plugin/webfont/webfont.min.js"></script>
		<script>
			WebFont.load({
				google: {
					"families": ["Open+Sans:300,400,600,700"]
				},
				custom: {
					"families": ["Flaticon", "Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Brands"],
					urls: ['../assets/css/fonts.css']
				},
				active: function() {
					sessionStorage.fonts = true;
				}
			});
		</script>

		<!-- CSS Files -->
		<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="../assets/css/azzara.min.css">
		<!-- CSS Just for demo purpose, don't include it in your project -->
		<link rel="stylesheet" href="../assets/css/demo.css">
	</head>
	<body>
		<div class="wrapper">
			<div class="main-header" data-background-color="purple"></div>
			<!-- 菜单 -->
			<div class="sidebar" id="commonPage"></div>
			<div class="main-panel">
				<div class="content">
					<div class="page-inner">
						<div class="page-header">
							<h4 class="page-title">数据隐藏</h4>
							<ul class="breadcrumbs">
								<li class="nav-home">
									<a href="#">
										<i class="flaticon-home"></i>
									</a>
								</li>
								<li class="separator">
									<i class="flaticon-right-arrow"></i>
								</li>
								<li class="nav-item">
									<a href="#">数据隐藏</a>
								</li>
							</ul>
						</div>
						<div class="row">
							<div class="col-md-12">
								<div class="card">
									<div class="card-body">
										<!-- 修改密码模态框 -->
										<div class="modal fade" id="changePassword" style="z-index: 10000;" tabindex="-1" role="dialog" aria-hidden="true"></div>
										<div>
											<table id="basic-datatables" class="table">
												<tr>
													<td colspan="2">
														<h2>数据隐藏信息</h2>
													</td>
												</tr>
												<tr>
													<td colspan="2">
														<input id="dataPath" type="text" class="form-control" placeholder="请输入要隐藏的数据文件路径">
													</td>
												</tr>
												<tr>
													<td>
														<input id="carrierPath" type="text" class="form-control" placeholder="请输入载体图片路径">
													</td>
												</tr>
												<tr>
													<td>
														<input id="resultPath_hide" type="text" class="form-control" placeholder="请输入隐藏后的图片路径">
													</td>
												</tr>
												<tr>
													<td colspan="2">
														<h2>数据导出信息</h2>
													</td>
												</tr>
												<tr>
													<td>
														<input id="resultPath_show" type="text" class="form-control" placeholder="请输入隐藏后的图片路径">
													</td>
												</tr>
												<tr>
													<td>
														<input id="dataPath_show" type="text" class="form-control" placeholder="请输入导出数据文件路径">
													</td>
												</tr>
												<tr>
													<td><button class="btn btn-primary" id="pic_hide">隐藏</button></td>
													<td><button class="btn btn-secondary" id="pic_show">导出</button></td>
												</tr>
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--   Core JS Files   -->
			<script src="../assets/js/core/jquery.3.2.1.min.js"></script>
			<script src="../assets/js/core/popper.min.js"></script>
			<script src="../assets/js/core/bootstrap.min.js"></script>
			<!-- jQuery UI -->
			<script src="../assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
			<script src="../assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
			<!-- jQuery Scrollbar -->
			<script src="../assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
			<!-- Moment JS -->
			<script src="../assets/js/plugin/moment/moment.min.js"></script>
			<!-- Chart JS -->
			<script src="../assets/js/plugin/chart.js/chart.min.js"></script>
			<!-- jQuery Sparkline -->
			<script src="../assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js"></script>
			<!-- Chart Circle -->
			<script src="../assets/js/plugin/chart-circle/circles.min.js"></script>
			<!-- Datatables -->
			<script src="../assets/js/plugin/datatables/datatables.min.js"></script>
			<!-- Bootstrap Notify -->
			<script src="../assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
			<!-- Bootstrap Toggle -->
			<script src="../assets/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js"></script>
			<!-- jQuery Vector Maps -->
			<script src="../assets/js/plugin/jqvmap/jquery.vmap.min.js"></script>
			<script src="../assets/js/plugin/jqvmap/maps/jquery.vmap.world.js"></script>
			<!-- Google Maps Plugin -->
			<script src="../assets/js/plugin/gmaps/gmaps.js"></script>
			<!-- Sweet Alert -->
			<script src="../assets/js/plugin/sweetalert/sweetalert.min.js"></script>
			<!-- Azzara JS -->
			<script src="../assets/js/ready.min.js"></script>
			<!-- Azzara DEMO methods, don't include it in your project! -->
			<script src="../assets/js/setting-demo.js"></script>
			<!-- 自定义 -->
			<script type="text/javascript" src="./js/common.js"></script>
			<script type="text/javascript" src="./js/lsp.js"></script>
	</body>
</html>
